@@@@@@@@@@@@@@@@@  TjzM@What's New 2003/7/11

@@@@@@ S҂̂߂̃z[y[W/Web for beginner
@@@@@@@ @@@http://www.scollabo.com/banban/

@@@@@@@@@@@@@@@@58

@@@@@@@@@@@@@wfb-org@jcom.home.ne.jp
@@@@@@@@iS҂̃z[y[WՎψj



@úAS҂⒆҂@ƍ@gɂāAv̖{iI
 Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@ułHTML4.01y XHTML1.1 𒆐SƂ@̂ƂȂĂ܂B
ȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂悤ɂȂ
܂B

@@T̃Rec
       WebfUC V --- Ə ̂Q
@@@ HTMLu  V --- X^CV[g̗p@
@@@ XHTMLu@19 --- Rec̔zu ̂S
@@   ^Ỏ --- formvf

@iƂj
@@HTMLu͏SҌAXHTMLu͒ҌɉĂ܂B



WebfUC

@A܂eLXg͂ȂȂǂł܂BƈăfBXvC
ɂ镶͓ǂ݂ɂ̂łBfBXvC̃tH[JXÂAߌ
Ȃ̂Ŗڂ₷Apœǂ܂ȂĂ͂ȂȂAXN[Ǝ
_Ă܂ȂǁAǂފƂ͂̂łB

@ɁA͓͂AjȂǂƈĂ̈ӖݎėȂ
΂ȂȂ߁A[U͏ɓgȂ΂Ȃ܂B

@ŁAǂǂł悤ɂȂł傤H낢
Hvׂ_܂B

@ɔ Web̃ANZVreB͂܂܂dvɂȂĂ܂BN
͏ȕǂ݂Â炢̂łBȕɂĂꍇɂ͉ǂ
Kv܂B
@ȂƂȂ傫ݒ肷ꍇɂ́Apti|CgjȂǂ̂悤
Βlw肵Ă͂܂BΒlł́A[ŨuEUŐݒ肷
镶̑傫𖳎Ă܂łB

@ƕ̊ԁAsƍs̊ԂɓKxȃXy[Xݒ肷邱Ƃǂ݂₷
コ܂B

@̂ݒ肷ꍇɂA`GCAXɋCȂ΂Ȃ܂B
 Macintoshɂ閾͔̂\Ă܂AS̓IɃ{
ۂƂȂAĉǐǂƂ͂܂B

@ʓIɂPsŕ\镶́A50EƂĂ܂Bł邱
ƂȂ50ȓ̂قAǂł\Ȃ܂B50i
ɂ܂ĂƁAŏǂƂCĂ܂ꂪ܂B
@iȂ݂ɁÃ}KŴPś̕A36łBj

@]݂ACfgݒ肵A͂ɃnAǂ݂₷
݌v邱Ƃl܂傤B

@@@@@@@@@@@@@@@@@@@@@iWANZXOɂÂj



HTMLu

@z[y[WN₩ɍʂAoIȑifUC~ Web
̒N̂ŁA̎@͎ɂ܂܂łB
@uhvƂ́ÂƂF傫AʒuȂǂw܂B

@AHTMLƂ͎oɑi߂̂ł͂܂B
ł\IɃRecvfzu邽߂ɂ̂łB̐҂A
̑匴YĂ邽߂ɁAۂɂ͏񂩂uĂ܂󋵂X
Ă܂B
@܂Aoɑi邾̃y[Wł́A񎋊onuEŨANZX
ɂĂ̂łB Web̊TOłuNɂłɁvƂANZ
X̌EĂ錻݂̏󋵂́A{ɔ߂ނׂƂłB

@ł́Aǂ̂悤ɂΑ̖K҂𖞑邱Ƃłł傤H

@X^CV[g𗘗pwi
@ Weby[W{邽߂̃\tgEFAuEUƌĂ΂邱Ƃ́Ax
@Ă܂BuEÚAy[WɋLqĂHTML
@uEU̎dliPjɊÂă_Oi\j܂B

@@AuEUӖsȋLqɏoꍇɂ́A𖳎Ď
@ֈڂ܂B͂Ӗł͔ɏdvȂƂłB
@@ʏAvOɈӖsȃoOG[ꍇɂ́A𒆒f
@Ă܂܂BHTMLvOł͂ȂAPȂeLXgł邽߂ɏ
@𒆒f邱ƂȂAsȕ΂ă_O𑱂킯
@łB

@@̋@\g߂ƁAuEUɂƂāuӖsȕv𗘗p
@邱ƂłƂł傤B
@@X^CV[gT|[gĂȂ񎋊onuEUł́AX^CV[
@g͈ӖȂ̂ŁȀpX܂BHTML̕\
@߂ĉ_AeLXgȂǂɕϊă_O܂B

@@܂AX^CV[gŎoIȃfUC݌v΁A񎋊onuE
@Uɂ͖fȂƂƂɂȂ܂B

@@HTML4.01Strict́Ahݒ肷^O⑮gƂł܂B
@񎋊onuEU𗘗plɂƂĂ͕ƂȂ芽}Ă邱
@ł傤B
@@Ⴆ΁AwiFݒ肷鑮͗pł܂B

@@w@<body bgcolor="#ffffcc">

@@HTML4.01ł́AhX^CV[gŗp悤Ă܂B

@@@<body style="background-color:#ffc">

@@X^CV[gT|[gĂȂuEUA邢̓X^CV[g
@ItɂĂuEUł́Astyle="background-color:#ffc" ͎s
@܂B

@X^CV[gp@
@X^CV[gł́AFA傫A]AgAʒuȂǔɑ̋@\
@荞܂Az[y[WLɑ邱Ƃ\łB̌o画
@fƁAǂ̂悤ȃCAEgł\ȂقǂłB

@@X^CV[g𗘗p@͂R܂Be^OɒڋLqC
@CAwb_ɂ炩ߖߍރGxbhAāAO
@ʕƂēǂݍ܂郊LOŁAꂼɓ܂B

@CC
@ȉ̂悤ȃX^CV[g̗p@A܂^Oɒ style𗘗p
@ݒCCƌĂсÃ^ÔݓKp܂B

@<p style="background-color:#ffc">wiFeLXg</p>

  ́Ai^O stylegĔwiFݒ肷X^CV[g̗
@p@łBiF̐ݒɂẮAui߂钆ŏڂ܂Bj

@Gxbhiߍ݁j
@HTML̃wb_ɂ炩߃X^CV[gLq@ŔrIp
@Ă@łB^Oɐݒ肷Ƃ̃y[Ŵ̃^OׂĂɓK
@p܂B

@wb_Ɏ̂悤ɋLq܂B

  @<style type="text/css">
    <!--
      p { background-color: #ffc }
    -->
    </style>

@@̐ݒ́Ai킷 p^OׂĂɔwiFKpĂ܂܂B
@ȂARg̗pĂ̂́AX^CV[gɑΉĂȂu
@EUւ̔zƂĂ邽߂łB
@@Rgň͂܂ĂȂꍇA邵[ƖΉ̃uEUł́A
@̂܂܃\[XR[ho͂Ă܂댯܂B

@LOiOX^CV[gj
@X^CV[g̐ݒAHTMLɋLqAOƂēǂݍ܂
@@łB
@@̕@̗_́Ãy[WɓݒKp邱ƂłAX
@̃eiXeՂɍs_ɂ܂BTCgł́ÂقƂǂ
@OX^CV[g̗pĂ܂B

@@OɒuLOł́AX^CV[gHTMLɓǂݍ܂
@邽߂ɁAwb_Ɉȉ̂悤ɋLq܂B

@<link rel="stylsheet" type="text/css" href=".css">

@@Ƃ́AX^CV[gɔCӂłłB҂RɃX
@^CV[g̖Ot邱Ƃł܂BAppłB܂
@啶Əiɋʂ̂ŊԈႦȂ悤ɂ܂B

@X^CV[g𗘗p钍ӓ_
@HTMLɃX^CV[g𗘗pꍇAHTML̃wb_ŁAX^CV[g
@p邱ƂAIɃ[UG[WFgɓ`˂΂Ȃ܂B
@@vɁAuHTMĹAX^CV[ggIvƂ悤Ȑ錾
@悤Ȃ̂łB

@Lq@
@<meta http-equiv="Content-Style-Type" content="text/css" >

  @̋Lq́ARec̃X^CV[g̃Reg^CviMIME^Cvj
@eLXgx[Xō쐬ꂽ Cascading Stylesheet ł邱Ƃ𖾎
@BX^CV[g𗘗pꍇ̕K{̍\łB
@@MIME^CvƂ Webőf[^^HTMLƂėpł悤`
@̂ƂlB

@X^CV[g̗D揇
@X^CV[g̋Lq@͂R܂A̗D揇ʂɂĐ܂B
@@D揇́ALOGxbhCC̏ŁA
@D悳̂CCłB

@@{IɁAOŎw肳ꂽݒp܂A̐ݒ͗D揇
@̍ݒ܂B

@@Ⴆ΁ALOňȉ̂悤ɐݒ肳ꂽƂ܂B

@p { font-size: large; color: #ff0000 }ȋ傫 largeAFԐFj

@@Ƃ낪ACCŁA

@@<p style="color:#0000ff"> ƂꍇA

    ̏ꍇ́ACCD悳ĕFFɂ܂BƂ낪
@̑傫́ALOŐݒ肳ꂽlp܂B

@̃X^CV[gwԁH
@̍úAHTMĽidlɊÂĉĂ܂B@̓[U
@̊Ɉˑ邱ƂȂAP̕ŁAׂẴ[UG[WF
@gɑΉł܂B
@@K҂̃uEUӎ邱ƂȂAȂ񋟂Re
@c𐳊mɓ`邱Ƃł܂B

@@̈Ӗł́AX^CV[g͕sv܂BAy[WN
@₩ɍʂ郌CAEgfUC̗~𖞂߂ɁAX^CV[g͕s
@łB
@@X^CV[gSȂ킯ł͂܂񂪁AɂقƂǂ̎onu
@EUŎĂ鎖l΁AX^CV[g𗘗p邱Ƃɉ
@R͂Ȃ͂łB

@@@ێ邱Ƃł̂ȂAǂȎiłp
@łBX^CV[ǵAĂ鐔Ȃił̂łB

X^CV[g𗘗pHTML̍쐬

@ŊȒPHTML쐬܂傤BX^CV[g𗘗pČh
ݒ肵܂BX^CV[g̓RuFvAZ~RuGvԈႦ
悤Ƀ^CvĂB
@eLXgGfB^iSimpleTextjNĈȉ̂悤Ƀ^Cv
B

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Microsoft Office System 2003</title>
<style type="text/css">
<!--
  body { 
      margin: 1em 15%;
      padding: 0;
      color: #000000;
      background-color: #ffffff;
      letter-spacing: 1px;
      line-height: 130% }

  h1 { 
     font-size: x-large; 
     color: #006699; 
     background-color: inherit }
     
  p {
     text-indent: 1em }
-->
</style>
</head>

<body>
<h1>Microsoft Office System 2003</h1>

<p>
2003NHɔ\肳Ă鎟}CN\tgЂ̃ItBXEAv
P[V́AuSystemvƂA]Ƃ͂܂ق
\ōĂ܂B
</p>

<p>
ɁAItBXEAvׂ̂ĂɊS XMLΉƂāAItBX
쐬ꂽꂼ̕ÃAvP[Vɂėp\
B͖{Ȃ̂A؂Ă݂悤B
</p>

</body>
</html>

@͂I܂AHTMLƂĕۑ܂B
@@ۑ̍ۂɁAgqLqȂĂ͂Ȃ܂BHTMLƂĂ̊gq
@́uhtmlvA邢́uhtmvłB
@@͔Cӂł̂ŁARɖOĂBȂA[J
@ł́A{ꖼł܂܂񂪁AT[oɃt@C]ꍇɂ́AK
@ppg悤ɂȂ΂Ȃ܂B

@@Ⴆ΁Ausample.htmlvƂ悤ȖOƊgq^Cvĕۑ
@ƂɂāAHTMLƂĕۑł܂BxҏWꍇɂ́Ae
@LXgGfB^́ut@CvuJvIŁAYt@CI
@ƁAHTMLҏW\ɂȂ܂B

@Tvs
@http://www.scollabo.com/banban/magazine/mmsample/sample_58-1.html



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
@HTML4.01idl̕^`łBHTMLł͕̖`ŗp^OZb
@g̎ʂ𖾎Iɐ錾Ȃ΂Ȃ܂B܂育ƂłB

<html lang="ja">
@{gHTMLł邽߁AR[hujavƎw肵Ă܂B
@{IɌR[h́A[gvfł html^O langpĎw
@܂B
@@ȂȂlujavɈpň͂ł܂Blpł
@ꍇɂ͈pň͂ނƂȗł܂AȊŐLnCtAA
@_[o[Lqꍇɂ́Apň͂܂Ȃ΂Ȃ܂B
@@ XHTMLł́Aǂȏꍇłpň͂܂Ȃ΂Ȃ܂B

<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
@쐬̍ۂɗp镶R[hw肵Ă܂BK{̍\łB
  @meta^ÓAẽ^f[^ WebT[oA邢̓[UG[WF
@gɓ`ڂ܂B
@@̃^ÓAGveBijvfƌĂ΂AI^OĂ܂B

@@http-equiv́ÃvpeBiĵŁÃv
@peB̒l̂ contentłB
@@text/html Ƃl͕MIME^CvĂ܂BȂAR[h
@ĺA啶łł܂܂BiSHIFT_JIS Ashift_jisj

@@httpƂ Web̕QƂ邽߂̃vgRiʐM菇j\A
@ WebuEUŃC^[lbgHTML{ۂɗp܂B
@@ȂAt@C]ł FTPA[̑M SMTPAMɂ POP3Ȃǂ
 vgRʓIɗpĂ܂B

<meta http-equiv="Content-Style-Type" content="text/css">
@ɁuCascading Stylesheetv𗘗pĂ邱ƂĂ܂B
@@X^CV[g𗘗pꍇɂ́AMIME^Cv[UG[WFg
@ɓ`Kv邽߂ɁAKLq悤ɐS܂傤B

<title>Microsoft Office System 2003</title>
@̃^Cgݒ肵Ă܂Btitle^O͕K{łB
@@ʏAwb_ŋLq\ WebuEUł͉\܂
@BÃ^OuEŨ^Cgo[ɕ\܂B

@@T[`^{bǵÃ^Oň͂܂ꂽeLXgQƂA̍
@̃f[^x[XɊi[܂BeImɎ薼܂傤B

<style type="text/css">
@X^CV[gݒ肷ꍇɗp܂B[UG[WFgɃX^C
@V[gMIME^Cv`邽߂ɁAutext/cssv͕K{łB
@@ȂAstyle^ÓAwb_łp邱Ƃł܂B

body { margin: 1em 15%; padding: 0; color: #000000; 
       background-color: #ffffff; letter-spacing: 1px; 
       line-height: 130% }
@HTMLŃRec\邽߂̍ŏʂɈʒubody^Oɐݒ肵Ă
@܂B
@@Ŝ̗]̐ݒŁA㉺1AE15̗]݂܂B
@̐ݒ́A[ŨuEUʂ̑Βlw܂B

@@padding: 0 ɐݒ肵̂́AOperauEU]̐ݒ̏lɂ̑
@ݒ肳Ă邽߂̔złB

@@body^OŜ̔wiF𔒐FAFFɐݒ肵܂B[Ũu
@EUɂĂ͏lɊDFݒ肳ĂꍇɁAꂪKp܂B

@@letter-spacing: 1px;  ƕ̊ԂɂPsNZ̗]ݒ肵
@ɂx̊Ԋu邱Ƃɂǂ݂₷ɂĂ܂B

@@line-height: 130% ́A̍sԁi㉺̊ԊujP30ɐݒ
@āAǂ݂₷悤ɐݒ肵Ă܂B

h1 { font-size: x-large; color: #006699; background-color: inherit }
@ꌩo^Oݒ肵Ă܂B
@@tHg̑傫 x-largeɂāAʏQقǂ̑傫ɐݒ肵
@܂BF͂₭݂FłBȂAFݒ肷ꍇ
@ɂ͔wiFݒ肷悤ɋ߂Ă܂B
@@ł̔wiF͐evfłbody^OŐݒ肳ꂽwiFgƂ
@ŁAinherit Ƃlɂ܂B

@@tHg̑傫AFȂǂɂẮAui߂Ăŏڂ
@\łB肠ȂƂ́A̐ݒœ͂Ă
@Bł͎Ȃ̐ݒB

p { text-indent: 1em }
@ivf p^Oݒ肵܂B̃^OɈ͂܂ԍŏ̕
@P̃Cfgijݒ肵܂B
@@eLXgɃANZgŗLȎîPłBy[WŋLq
@邷ׂĂ̒i^OɓKp܂B

@ȉȗBiԂ񏉐S҂̕ł̍uʂėł̂ł͂Ȃ
@ƎvĂ܂BǂĂȂ͂₭BؒJɂ
@܂Bj

X^CV[g̍\
@X^CV[ǵAZN^iI𕔁jƁA錾琬藧Ă܂B
錾͑ivpeB邢̓Agr[gjƒlō\Ă܂B

@body { margin: 1em }  ̏ꍇA
@@body   ZN^
@@margin: 1em   錾
@@margin   ij
@@1em      lij

܂Ƃ
@X^CV[ǵAHTML\v[e[V𕪗ił
@邱Ƃ́AOƂłB
@@X^CV[g͖\ł͂܂񂪁ACAEgEfUCi[̕`
@v̂܂܂o͂邱Ƃł܂BX^CV[gg΁A܂
@CAEg̕\ɔY܂Ȃčς݂܂B

@@쐬HTMLX^CV[gɂ镔폜Ă݂
@΁AHTML_Iȍ\ŋLqĂ邱ƂɋC͂łB
@\͔ɃVvŁANĂ\HTMLɂȂĂ܂B

@@SGML̑匴łAvbgtH[I΂ȂAlԂ̃Rs[^[
@\łAƂƂɎĂł傤B
@@X^CV[g͔ɉ[AwԂɂ悢ʔȂĂ܂B
@jo[TEfUC̓ɗƂ܂B



XHTMLu

@Rec̔zúACAEgEfUC\zہAɏdvȍ
̂PƂł傤BeLXgƉ摜Ȃǂ̈ʒu֌WA]̐ݒȂǁA
ʒuݒ肷邽߂̎@͂܂B

@́AX^CV[g z-indexAvisibilitygāAzu̐
s܂B

@ z-index̋@\
@Έʒu𕡐ݒ肷ꍇAC[iwjƂdȂw肷邱
@ł܂B̑́AC[Rg[ARec̏dȂ菇
@w肷邱Ƃł܂B
@@ȂȂgꍇɂ́ARecʒuw肳邱Ƃ
@Ȃ܂Biposition absoluteł邱Ɓj

@@C[ȒPɐ΁AȎd˂ƂƂzĂ
@B̓ȎɉꍇA̓Ȏd˂ĂA
@̂邱Ƃł܂B̂悤ɃC[͏d˂ƂTOŐ
@Ă܂B

@@̉摜d˂ĕ\ꍇɗp邱ƂAÂCAE
@g\z邱Ƃł܂B摜łȂA̗vfɂpł܂B

@@E F l傫قǏɔzuip\j
@@Eauto F evfƓKwɔzuiftHglj 

@@ 0_Ƃă}CiXݒ\łB̑Ƃ̒l͂قƂ
@ǂ̎onuEUőΉĂ܂B

@ visibility̋@\
@visibilitýAvf̕\\ݒ肷̂ŁA\Ƃꍇ
@́Ä悾mۂRecȂԂɂ܂B
@@Rec\ɂāAJavaScriptƑgݍ킹ĕ\Ȃǂ̎g
@ɗpĂ邱ƂłB

@@Evisible F \iftHglj 
@@Ehidden  F \ɂivf̗̈͊mۂj
@@EcollapseF e[u̍sAAт̃O[v\ɂ 

@ CSSݒ𓥂܂āAۂ XHTMLACSS쐬܂B
eLXgGfB^NāAL̗v̂Ń^CvĂB

iXHTML1.1j

<?xml version="1.0" encoding="Shift_Jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <!-- s -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis" />
<meta http-equiv="Content-Style-Type" type="text/css" />
<link rev="made" href="mailto:banban@scollabo.com" />
<link rel="stylesheet" type="text/css" href="sample.css" />
<title>z-indez visibility̗p</title>
</head>

<body>
<div id="param-4">
<h1>z-index̌</h1>
</div>

<div id="param-3">
<em>dȂ菇̖Z</em>
</div>

<div id="param-2">
<img src="images/niagara.jpg" alt="iCAK̑" width="250" 
height="180" /> <!-- s -->
</div>

<div id="param-1">
<img src="images/sakura.jpg" alt="̎ʐ^" width="250" height="180" />
</div>

<div id="param-5">
<h2>visivility̌</h2>

<p>
<img id="hidden" src="images/sakura.jpg" alt="̎ʐ^" 
width="250" height="180" /> <!-- s -->
̂悤ɁA{Aɕ\ׂuiCAK̑v̎ʐ^摜
̈悾cāA\ɐݒ肷邱Ƃł܂B <!-- s -->
</p>
</div>

</body>
</html>


@@͂I܂ۑ܂Bgqu.htmlvĂB
@ۑۂ̖O͔CӂɕtĂBႦ΁Asample_58.html Ƃ
@悤ɂāAKgqLqĂB

@@ɁAX^CV[g쐬܂Bȉ̂悤Ƀ^CvĂB
@ɁARuFvAZ~RuGvԈႦȂ悤ɁB

iCSS sample.cssj

@charset "Shift_Jis";

  body { 
      margin: 1em 5%; 
      padding: 0; 
      background-color: #fff; 
      color: #000 }

  div { 
      position: absolute }

  #param-1 { 
      z-index: -1;
      left: 100px;
      top: 30px }

  #param-2 { 
      z-index: 0;
      left: 200px;
      top: 80px }

  #param-3 {
      z-index: 1;
      left: 180px;
      top: 120px }

  #param-4 {
      z-index: 2;
      left: 280px;
      top: 20px }

  #param-5 {
      left: 50px;
      top: 380px }

  h1 { 
      display: inline;
      padding: 3px;
      font-size: x-large; 
      color: #069; 
      background-color: #fcf }

  em { 
      font-size: xx-large;
      font-style: none;
      color: white;
      background-color: black;
      padding: 0.5em }

  h2 { 
      display: inline;
      padding: 3px;
      font-size: x-large;
      color: #063;
      background-color: #cff }

  img#hidden { 
      visibility : hidden;
      float: left }

@͂I܂X^CV[gƂĕۑ܂B
@@ł͕usamplevƂĊgqu.cssv܂Bۑ̃_C
@O{bNXŁAusample.cssvƃ^CvĕۑĂB
@@ȂAۑ͐قǂ XHTMLƓtH_ɂ܂B

@Tvs
@http://www.scollabo.com/banban/magazine/mmsample/sample_58-2.html


@ XHTML\ɂĂ͉xĂ܂̂ŏȗ܂BȂ
@_܂A₭B

div { position: absolute }
@ėpubNxvf divΈʒuɎw肵܂B̐ݒ́AׂĂ
@ divvfɓKp܂B

#param-1 { z-index: -1; left: 100px; top: 30px }
@ł́AΈʒu̎wݒ肵Ă܂BdȂ菇ʂ́A}CiXw
@̂ŁAԉ̑wɈʒuĕ\܂B

@vf肹 idZN^݂̂̐ݒĂ܂B
@@̏ꍇAvf͉ł킯łBႦ΁Ap id="param-1" ƂĂ
@܂܂BAΈʒuẘ֌W܂ AdivvfɓKp
@܂B

@@ZN^ɗvfLqȂgp@́ANXɂĂ͂܂܂B
@.param Ƃ΁A<span class="param"> łA<p class="param"> ł
@ɗp邱Ƃł܂B
@@Aidł́AP񂵂gȂ܂B
@pꍇɂ́ANXŐݒ肷Kv܂B

img#hidden { visibility : hidden; float: left }
@摜̗̈mۂȂ\ɁAeLXg͉摜̉Eɉ肱ނ悤
@ݒ肵Ă܂B



HTML ^Ỏ@formvf

@tH[́A[Uɓ͂Ă炤߂̗̈A\iȂǂzu
@߂ɗp܂B

@vfށFubNxvf
@DTDdl FHTML4.01Strict
@I^OFK{
@@@FactionAmethodAnameAėpiidAclassAtitleAlangj
@@@@@@enctype

@l@Faction = "URI" iK{j
            method = "post" 邢 "get"iftHgl getj
            name = "Cӂ̖O"
            enctype = "Mf[^MIME^Cv"

@qvfƂĎĂvf
           : ubNxvfitableApAdivȂǁĵ
@@@@@@@ inputAselectAtextareavfȂǂ͔zuł܂B

@tH[̗p@͂낢ƍl܂B₢킹AP[gA
邢́AXNvgȂǂłgĂ܂B
@Mf[^ actionŎ URI ɂȂ܂ÂقƂ
 CGIĂ܂B
@f[^𑗐MہAenctype text/plainݒ肵ĂAۂɂ͔
s\ƂȂ܂B܂AuEUɂĂ͑MȂꍇ܂B

@Q邽߂ WebT[o[ɃvOāÃv
Of[^Ė{̏ꏊɑM܂B
@ CGIvO͔ɓŁAS҂Ǝo㕨
͂܂B

@tH[ݒ肷LqŁAS҂łԈႦ₷̂́Aformvf̎qv
fubNxvfł邱ƂɋCtȂ_łBȂ̓tB[
hݒ肵܂̂łB

@ԈႢF
@<form action="/bin/samp_cgi/" method="post">
  <input type="text" name="O" value="OLĂ">
  </form>

  LqF
@<form action="/bin/samp_cgi/" method="post">
@<p>
  <input type="text" name="O" value="OLĂ">
  </p>
  </form>

@ꕔ̊Ƃ̃z[y[WłÂ悤ȊԈ\Ă
낪܂Bml΁A{ɒpƂłB



͂܂ŁAł͂ł́EE
T̂炢 Weby[Wɂfڂ܂̂ŁA񌩂ĂĂB
Weby[Wł HTML̎sʂ̃TvA蕪₷
܂B킹ĉߋ̋L̂炢fڂĂ܂B

@iT̂炢j
@http://www.scollabo.com/banban/magazine/review_058.html

@́A718ɔzM\肵Ă܂B

@\肵ĂReciύXꍇ܂j
       JavaScriptu 11 --- v_Ej[
@@@ R --- JavaƃAvbg
@@@ Microsoft Office System 2003 --- f[^x[XXML



Eӌ͂͂܂Ł@wfb-org@jcom.home.ne.jp

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
v܂B
@AlIȎRɂԎx邱Ƃ܂BB
}̏ꍇɂ́ATCǧfpBƒN
Ǝv܂B

sҁ@΂΂AS҂̂߂̃z[y[WՎψ
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

뎚EEEϊ~XE\RȂǂɂ͕ɂe͊肢܂BȂA}KW
ׂ̂Ă̋LqɌdȃXy~XꍇABƔlƋɎ܂
˂ĂƍKɎv܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
uށ@@@@@http://www.scollabo.com/banban/daf/material.html
܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

zM̕ύXE~͂łB
ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
܂B
TCgɂā@http://www.scollabo.com/banban/magazine/top.html
܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ҏWL

@uDđDARɏv ƂuƂ킴v܂B̈Ӗ́A
ƃ[_[IȔŎ𐬂ƂƁA܂ooŖړI
B邱ƂłȂႦłB

@ψ12܂ƁAFXƈӌj܂ɂȂĂ܂
̂łB΂΂񎁂͂ȂƂCŁAǂPlōƂi߂Ă
̂ł傤B

@΂΂񎁂͍T߂Ɏp󂯂܂BSԂɂyԑpłA
t̘bł͑听Ƃ̂ƂŁASقƂĂ܂B͏p̎Â{
ǍナnrɓƂ̂ƁAǂ悪Ă悤łB
@΂炭ʉӐƂȂĂ܂̂Ŗ{lɉƂł܂񂪁AƑ
̘bł͗ǍDȏԂĂƂ̂ƂłB

@ṕAɂ΂΂񎁂ႢɍĂ܂]̌̌ł܂菜
Ƃ悤łBނ10̎uI[goC[XvɔMAE
Ov𖲌ĊĂ܂B
@x]|Ał͉E̐tA@ƍɂ̓vX`bNĂ
܂B܂Ał邱ƂJԂɔ]ɏoA
Ŕ]グāA߂܂fCAꎞIȈӎrȂǂJԂĂ
܂B

@pɂǂǂ̂悤Ɍ̂O܂AƔނ̋
ӎuŒ˂̂Ă邾낤ƐMĂ܂B

@Fl͂ꂽuMM[v͈ψňA{lɑS
Ă܂B{ɂ̐Ŝ[Af݂̏肪
Ƃ܂B{lɑAS炨\グ܂B

@āAӂ͎T̕ҏWcłBƂ܂呛ł߂邱Ƃł傤B
ȂƂĂA΂΂񎁂ɎꂻłB



쌠ɂ
l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@ȂAL̃X^CV[gAHTML̃y[W쐬ɎRɎgĂ
Ăx܂B

    @       Copyright(C) 2002-2003  www.scollabo.com/banban/
